<template>
  <div>
    <Form/>
    <Children :tableData="newData" />
  </div>
</template>

<script lang="ts" setup>
import { onMounted, ref } from "vue";
import Children from "./Children.vue";
import Form from "./Form.vue";

const newData: any = ref([]);
onMounted(() => {
  newData.value = [
    {
      date: "2016-05-03",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-02",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-04",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-01",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
  ];
});
</script>
<style lang="scss" scoped></style>
